/*基础样式*/
*{padding: 0px; margin: 0px;}
body{ color: #333; font-size: 14px;}
a{ color: #333; text-decoration:none;}
:focus{outline:0;}

/*公共样式*/
[v-cloak]{ display: none; }
#app{ background: #E9EEF3; padding: 20px;}
.main{ padding: 15px; background: #FFF; border-radius:3px;}
.open_iframe{ width: 100%; border: none;}
.f-left{ float: left;}
.f-right{ float: right;}
.head-bg{ background: rgb(67,120,190); color: #FFF;}

.color_org{ color: #ff8917}
.color_red{ color: #ee0a24}
.color_gray{ color: #999;}
.color_blue{ color: #409EFF;}
.color_green{ color: #67C23A;}
.bg_gray{ background: rgb(239,241,241);}

.border_radius{border: 1px solid #d7dae2;border-radius: 4px;}
.border_top{border-top: 1px solid #d7dae2;}
.border_left{border-left: 1px solid #d7dae2;}
.border_right{border-right: 1px solid #d7dae2;}
.border_bottom{border-bottom: 1px solid #d7dae2;}

.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f22{ font-size: 22px;}
.f24{ font-size: 24px;}
.f26{ font-size: 26px;}
.f30{ font-size: 30px;}
.f_bold{ font-weight: bold}

.m_left{ margin-left: 15px;}
.m_right{ margin-right: 15px;}
.m_top{ margin-top: 15px;}
.m_bottom{ margin-bottom: 15px;}
.l_height_150{ line-height: 150%;}
.l_height_200{ line-height: 200%;}

.t_center{ text-align: center;}
.t_left{ text-align: left;}
.t_right{ text-align: right;}

/*选人和部门弹窗样式*/
.select_user_box{ height: 500px; width: 340px;}
.select_user_list_box{ padding: 10px 0px 10px 0px; width: 300px; }
.select_user_list_box ul{ width: 100%; margin-top: 10px;}
.select_user_list_box ul li{ display: block; width: 280px; height: 40px; border-radius:3px; padding: 10px; margin-right: 3px; line-height: 100%; cursor: pointer;}
.select_user_list_box ul li:hover,.select_user_list li:hover{ background: #E9EEF3;}
.select_user_list_box ul li img{ float: left; margin-right: 20px; width: 40px; height: 40px; border-radius:3px;}

/*修改element的样式*/
#dialog_box{ }
.el-dialog__header{padding: 13px 20px 13px 20px;}
.el-dialog__title{font-size: 16px; color: #333; }
.select_user_box .el-dialog__body{ padding: 0px 20px 20px 20px;}
.select_dept_box .el-dialog__body{ padding: 0px 20px 20px 20px;}
.el-drawer__header{  margin-bottom: 0px; padding: 10px 20px 10px 20px; background: #E9EEF3; font-weight: bold; font-size: 14px; border-bottom: 1px solid #efefef; color: #666;}
.el-slider__button {width: 14px;height: 14px;}
.el-drawer{overflow-y: auto}
.el-message-box{ margin-top: -200px;}
.el-divider--horizontal{ margin: 10px 0;}
.el-table .cell{ line-height: 100%;}


/* 组织架构 - 订单管理 样式 */
.order_thead_right{margin-right: 30px;}
.order_table{table-layout: fixed;}
.el-table tr .cell{ line-height: 24px;}
.el-table tr .cell_name{font-weight: bold;}




